@import '@/uni.scss';
::v-deep.uContainer {
	background: $uni-bg-color;
}
.container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	.list {
		padding: 10rpx;
		width: calc(100% - 20rpx);
		display: flex;
		flex-direction: column;
		.bgColor1 {
			background: linear-gradient(-45deg, $xxf-gold, $xxf-red, $xxf-gold) !important;
		}
		.bgColor2 {
			background: linear-gradient(45deg, $xxf-gold, $xxf-red, $xxf-gold) !important;
		}
		.couponItem {
			margin: 10rpx;
			padding: 30rpx 20rpx;
			width: calc(100% - 60rpx);
			height: fit-content;
			background: $xxf-gold;
			border-radius: 20rpx;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			.itemLeft {
				width: 40%;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				> text,
				rich-text {
					font-weight: bold;
					font-size: 44rpx;
					color: #fff;
				}
			}
			.itemMid {
				width: 40%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				> text {
					width: 100%;
					font-weight: 400;
					font-size: 28rpx;
					color: #fff;
				}
			}

			.itemRight {
				width: 20%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				background: rgba(255, 255, 255, 0.8);
				border-top-right-radius: 30rpx;
				border-bottom-left-radius: 30rpx;
				> text {
					padding: 4rpx 12rpx;
					font-weight: 400;
					font-size: 28rpx;
					color: $uni-secondary-color;
				}
			}
		}
	}
}
